import React, { Component } from 'react';
import {Popup} from 'antd-mobile'
import '../../../styles/agreement.scss';
import style from './index.scss'

class Agreement extends Component {
    constructor(props) {
        super(props);
		this.state = {};
		this.type = this.props.params.type

    }

	onClickBack(){
		window.history.back();
	}

    render() {
		let agrmentText = [ <div className={style.agreement}>
			<div className={style.scroolView}>
				<div className={style.panelHeading}>国内特快专递承诺服务免责条款</div>
				<div className={style.panelBody}>
					<div className={style.bodyCol}>
						<span className={style.colTitle}>1、因不可抗力造成邮件时限延误的（“不可抗力”指不可预见、不可避免和不可克服的客观情况，包括但不限于政府行为、邮政主管部门政策变化、战争、地震、台风、洪水、火灾等其他类似事件）。</span>
						<span className={style.colTitle}>2、寄递物品违反禁、限寄规定或有关运输管理条例，经有关部门没收或依照有关法规、规定处理的。</span>
						<span className={style.colTitle}>3、寄件人提供的地址、联系电话不详、有误，或收件人的实际地址超出承诺范围，造成邮件延误或退回的。</span>
						<span className={style.colTitle}>4、收件人单位或住宅小区不允许投递人员入内，并与邮政部门签署相关投递协议，因代收部门内部的行为或疏忽，造成已投递到协议指定地点邮件时限延误的。</span>
						<span className={style.colTitle}>5、收件人地址为机关、单位等机构，而周六、周日和公众节假日不接收邮件，造成延误的。</span>
						<span className={style.colTitle}>6、因收件人不在，又无合适代收人，或者收件人拒绝收件，造成邮件延误或退回的。</span>
						<span className={style.colTitle}>7、航空禁运物品，诸如含锂电池物品、电子类产品、易碎品等因航空安检查验导致无法正常通过航空运输或改走陆路运输，造成邮件延误的。</span>
						<span className={style.colTitle}>8、因收、寄件人原因，要求改地址或变更投递方式造成邮件延误的。</span>
						<span className={style.colTitle}>9、由非邮政部门所能控制事项所致的全国性或区域性空中或地面交通系统(无论是否由邮政部门操作)中断（如天气原因等），或通讯系统干扰或故障，而造成邮件延误的（在此情况下，邮政部门仍会尽力、尽快将邮件运送至目的地）。</span>
						<span className={style.colTitle}>10、邮件时限延误的，除按规定赔偿外，对寄件人或收件人造成的其它损失和间接损失不担负赔偿责任。</span>
					</div>
				</div>
			</div>
			<button className={style.knowBtn} onClick={()=>{this.onClickBack()}}>我知道了</button>
		</div>,<div className={style.agreement}>
			<div className={style.scroolView}>
				<div className={style.panelHeading}>粤港次日递承诺服务免责条款</div>
				<div className={style.panelBody}>
					<div className={style.bodyCol}>
						<span className={style.colTitle}>1、承诺范围：广州、深圳、东莞、佛山、珠海、中山、江门。</span>
					</div>
				</div>
				<h1 className={style.title}>香港快递次日递范围及说明</h1>
				<div className={style.container}>
					<table>
						<tbody>
							<tr>
							<th>
								<span>区域</span>
							</th>
							<th>
								<span>收寄次日递范围</span>
							</th>
							<th>
								<span>不承诺范围(偏远)</span>
							</th>
							</tr>
							<tr>
							<td>
								<dt className="col-dt">
								<span>香港岛</span>
								</dt>
							</td>
							<td>
								<dt className="col-dt">
								<span> 西环,上环,中环,金钟,湾仔,铜锣湾,天后,跑马地,北角,鰂鱼涌,太古,西湾河,筲箕湾,柴湾</span>
								</dt>
							</td>
							<td>
								<dt className="col-dt">
								<span>石澳,赤柱,浅水湾,南湾,舂坎角,数码港,贝沙湾,薄扶林,鸭利洲,深湾,香港海洋公园,大潭,大潭水塘道,深水湾,寿臣山,半山,山顶,士美菲路,域多利道</span>
								</dt>
							</td>
							</tr>
							<tr>
								<td>
									<dt className="col-dt">
										<span>九龙</span>
									</dt>
								</td>
								<td>
									<dt className="col-dt">
										<span>荔枝角,长沙湾,大角咀,深水埗,太子,旺角,油麻地,佐敦,尖沙咀,九龙塘,新蒲岗,牛头角,九龙湾,观塘,油塘工业村,土瓜湾,红磡</span>
									</dt>
								</td>
								<td>
									<dt className="col-dt">
										<span>&nbsp;</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td>
									<dt className="col-dt">
									<span>新界</span>
									</dt>
								</td>
								<td>
									<dt className="col-dt">
									<span>葵涌,青衣工业村(西草湾路除外),荃湾;沙田,大围</span>
									</dt>
								</td>
								<td>
									<dt className="col-dt">
									<span>上水,粉嶺,大埔,文锦渡,锦田,赤岗,大帽山,屯门,元朗,天水围,流浮山,东涌,大屿山,将军澳等其他新界及离岛地区</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td rowSpan="4">
									<dt className="col-dt">
									<span>承诺说明</span>
									</dt>
								</td>
								<td colSpan="2">
									<dt className="col-dt">
									<span>1、香港邮政信箱地址、监狱及拘留所地址、禁区地址不在服务范围。</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="2">
									<dt className="col-dt">
									<span>2、对一票多件、25-30公斤重件、入仓件,不承诺次日递。</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="2">
									<dt className="col-dt">
									<span>3、因客户自身原因、海关原因,或台风、黑色暴雨警告天气、交通管制等不可抗力因素导致延误的,不承诺次日递。</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="2">
									<dt className="col-dt">
									<span>4、周六日和香港法定节假日投递休投,时限顺延。</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="3">
									<dt className="col-dt">
									<span>自提点地址</span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="3">
									<dt className="col-dt">
									<span>1、红磡 九龙红磡民乐街21号富高工业中心B座2楼225-227室,电话：<a href="tel:27079431" style={{textDecoration: 'none'}}>27079431</a></span>
									</dt>
								</td>
							</tr>
							<tr>
								<td colSpan="3">
									<dt className="col-dt">
									<span>2、屯门 新界屯门新平街7号吉田大厦三期21楼A室,电话：<a href="tel:24630918" style={{textDecoration: 'none'}}>24630918</a></span>
									</dt>
								</td>
							</tr>
				
						</tbody>
					</table>
					<div>2、时限承诺：对广州和深圳19:30前收寄、其它地市18:30前收寄的,次日8点前抵港,香港核心区域承诺当天投递!</div>
					<div>3、时限承诺服务邮件退还费用仅为基本邮费,不含附加等费用,最终解释权归中国邮政速递物流股份有限公司广东省分公司所有。</div>
				</div>
	
			</div>
			<button className={style.knowBtn} onClick={()=>{this.onClickBack()}}>我知道了</button>
		</div>
			];

	     console.log(this.type)
        return (
        	<div>
		        {
			        agrmentText[this.type-1]
		        }
	        </div>
        )
    }
}

export default Agreement